@charset "utf-8";
/* CSS Document */
body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, p, li, dt, dd, img { margin:0; padding:0; }
ol, ul { list-style:none; }
body { font-size:12px; font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu }
img { border:none; }
/*html5*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

a, a:link, a:visited { text-decoration:none; color:#333333;  }
a:hover { text-decoration:none;  -webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: color .3s ease-out;
    -o-transition: all .3s ease-out;transition: all .3s ease-out; color:#none; }
input, textarea {   outline: none; } 
input[type="checkbox"]{ margin:3px 3px 3px 4px;}
.fade{ transition: all 300ms linear 700ms;/*-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);transform: translate3d(0,0,0);*/ opacity: 1;}
/*base*/
.l { float:left; }
.r { float:right; }
.fl { float:left; }
.fr { float:right; }
.cl{ clear:both;}
.fr{ float:right}
.fl{ float:left}
/*清除浮动*/
/*旧版*/
.fix{*zoom:1;}
.fix:after,.fix:before{ display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }
/*新版*/
.fix{*zoom:1;}
.fix:after{display: table;content: "";clear: both; }
/*清除浮动*/
.db{ display:block;}
.dib{ display: inline-block;}
.dno{display:none;}
.oh{ overflow: hidden;}
.oa{ overflow: auto;}
.tl{ text-align: left;}
.tc{ text-align:center;}
.tr{ text-align:right;}
.tj{ text-align: justify;}
.vn{ vertical-align: -2px;}
.ls5{ letter-spacing: 5px;}
.poi{ cursor: pointer;}
.nowp{ white-space:nowrap}
.m{ margin:auto auto auto auto}
.pa{ position:absolute;}
.pr{ position:relative;}
.f12{ font-size:12px;}
.fb{ font-weight:bold;}
.fno{ font-weight:normal; font-style: normal}
.tno{ text-decoration: none;}
.f0{ font-size: 0;}
.f14{ font-size:14px;}
.f16{ font-size:16px;}
.f18{ font-size:18px;}
.f20{ font-size: 20px;}
.f22{ font-size: 22px;}
.f24{ font-size: 24px;}
.fa{ font-family:Arial}
.fg{ font-family:Georgia}
.ft{ font-family:Tahoma}
.fs{ font-family:"宋体";}
.fv{ font-family: verdana}
.fw{ font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu}
.inlineblk{ display: inline-block; *display:inline; *zoom:1;}
.lh28{ line-height:28px;}
.lh34{ line-height: 34px;}
.lh36{ line-height: 36px;}
.lh24{ line-height:24px;}
.lh20{ line-height:20px;}
.lh22{ line-height:22px;}
.lh18{ line-height:18px;}
.lh16{ line-height:16px;}
.lh30{ line-height: 30px;}
.lh40{ line-height: 40px;}
.lh52{ line-height: 52px;}
.h52{ height: 52px;}
.h24{ height:24px;}
.h20{ height:20px;}
.h22{ height:22px;}
.h18{ height:18px;}
.h16{ height:16px;}

.lh15em{ line-height: 1.5em}
.lh20em{ line-height: 2em}

.wmax { width:100% }
.m{ margin-left:auto; margin-right:auto;}
.ml5{ margin-left:5px;}
.ml15{ margin-left:15px;}
.ml10{ margin-left:10px;}
.ml20{ margin-left:20px;}
.ml30{ margin-left:30px;}
.mr3{ margin-right: 3px;}
.mr5 { margin-right:5px; }
.mr10 { margin-right:10px; }
.mr15 { margin-right:15px; }
.mr20 { margin-right:20px; }
.mr30 { margin-right:30px; }
.mt2{ margin-top: 2px;}
.mt5 { margin-top:5px; }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mt30 { margin-top:30px; }
.mt40 { margin-top:40px; }
.mt50 { margin-top:50px; }
.mt80 { margin-top:80px; }
.mt120 { margin-top:120px; }
.mb5 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb15 { margin-bottom:15px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:20px; }
.pl5{ padding-left:5px;}
.pl10{ padding-left:10px;}
.pl15{ padding-left:15px;}
.pl20{ padding-left:20px;}
.pl30{ padding-left:30px;}
.pr5 { padding-right:5px; }
.pr10 { padding-right:10px; }
.pr15 { padding-right:15px; }
.pr20 { padding-right:20px; }
.pt5 { padding-top:5px; }
.pt10 { padding-top:10px; }
.pt15 { padding-top:15px; }
.pt20 { padding-top:20px; }
.pt30{ padding-top: 30px;}
.pb5 { padding-bottom:5px; }
.pb10 { padding-bottom:10px; }
.pb15 { padding-bottom:15px; }
.pb20 { padding-bottom:20px; }
.p1em{ padding: 0 1em;}
.p2em{ padding: 0 2em;}

.w980{ width: 980px; margin-left: auto; margin-right: auto;}
.w698{ width: 698px;}
.w680{ width: 680px;}
.w750{ width: 750px;}
.w268{ width: 268px;}
.w200{ width: 200px;}
.w224{ width: 224px;}
.bdgrey{ border:1px solid #dddddd;}
.bdbmgrey{ border-bottom: 1px solid #cccccc;}
.bgwhite{ background: #fff;}
.bgred{ background: #e6383c;}
.bgcyan{ background: #36c8d7;}
.bgor{ background: #ff6600;}
.bgyelw{ background: #ffa00a;}
.bgrey8{ background: #f8f8f8;}
.bgdblue{ background: #0b70a4;}
.g0{ color:#000;}
.g3{ color:#333;}
.g6{ color:#666;}
.g9{ color:#999;}
.or{ color:#ff6600}
.red{ color: #cc0001}
.cw{ color: #fff;}
.f_b1,a.f_b1,a.f_b1:link,a.f_b1:visited{ color: #5fa8e4}

.wpc100{ width:100%;}
.wpc50{ width:50%;}
.wpc45{ width:45%;}
.wpc20{ width:20%;}
.wpc15{ width:15%;}
.wpc35{ width:35%;}